@import '~ant-design-vue/dist/antd.less';
// @import "@/assets/css/theme.less";
// @component-background: #212833;
@primary-color: #FCD535;
@border-color-base: #273344;
@text-color: #fff;
@error-color: #f5222d;
@black-color: #0B0E11;

.ant-form-item-label > label{
  color: #b0b8db !important;
}
.ant-input,
.ant-input-password .ant-input,
.ant-input-affix-wrapper .ant-input{
  height: 50px;
  background-color: transparent;
}
.ant-select .ant-select-selection{
  background-color: transparent;
  height: 50px;
}
.ant-form-item-label,.ant-select-selection__rendered{
  line-height: 50px;
}
.ant-btn-link:hover, .ant-btn-link:focus, .ant-btn-link:active,.has-error .ant-input-affix-wrapper .ant-input{
  border-color: transparent;
}
.ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-item > a, .ant-dropdown-menu-submenu-title > a,
.ant-notification,
.ant-select-dropdown-menu-item,
.ant-upload,
.ant-descriptions-item-content,
.ant-input-group-addon{
  color: rgba(0, 0, 0, 0.65);
}
.theme-white {
  .ant-input{
    color: rgba(0, 0, 0, 0.65);
  }
  .ant-btn{
    color: rgba(0, 0, 0, 0.65);
  }
  .ant-table{
    color: @black-color;
  }
}
.theme-dark{
  @theme-color: #b0b8db;
  @theme-background: #0B0E11;
  @border-color: #0B0E11;
  .ant-input{
    //color: rgba(0, 0, 0, 0.65);
  }
  .ant-upload-list-item-name{
    color: @border-color;
  }
  .ant-table{
    color: @theme-color !important;
    background: @theme-background;
    .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
      background: @theme-background;
    }
    .ant-table-placeholder{
      background-color: @theme-background;
      border-top: 1px solid @border-color;
      border-bottom: 1px solid @border-color;
    }
    .ant-table-thead > tr > th{
      background-color: @theme-background;
    }
    .ant-table-tbody > tr > td{
      border-bottom: 1px solid @border-color;
    }
    .ant-empty-normal{
      color: white;
    }
    .ant-table-thead > tr > th {
      //background: rgba(255, 255, 255, 0); //去掉表头背景
      color: #fff;
      font-weight: bold;
      border: none; //去掉表头边框
    }
  }
  .ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, .ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td{
    background-color: #747577;
  }
  .bggreen:hover, .bggreen:focus, .bggreen:active, .bggreen.active{
    background: #00AB86;
  }
  .bgred:hover, .bgred:focus, .bgred:active, .bgred.active{
    background: #ff6064;
  }
  .ant-btn-primary{
    color:@theme-background;
  }
  .ant-tabs-tab-prev .anticon, .ant-tabs-tab-next .anticon{
    color: white;
  }
  .ant-tabs-tab-btn-disabled .anticon, .ant-tabs-tab-btn-disabled:hover .anticon {
    color: rgba(255, 255, 255, 0.25);
  }
  .ant-select-disabled{
    color: white;
  }
}
.has-error .ant-input-affix-wrapper .ant-input, .has-error .ant-input-affix-wrapper .ant-input:hover,
.has-error .ant-input, .has-error .ant-input:hover{
  background-color: transparent;
}

.has-error .ant-input-affix-wrapper .ant-input{
  border-color: @error-color;
  &:hover{
    border-color: @error-color;
  }
}


//.ant-btn:hover, .ant-btn:focus, .ant-btn:active, .ant-btn.active  {
//  background-color: inherit !important;
//  color: inherit !important;
//  border-color: inherit !important;
//}

.ant-input-group-addon,
.ant-input{
  border: 1px solid #273344;
}
.ant-input-password .ant-input{
  color: white;
}
.green {
  color: #00AB86;
}
.vh80 {
  height: 80vh;
}
.ant-tabs-bar{
  border-bottom: 1px solid #273344;
}

.ant-popover-arrow{
  border-top-color: @black-color !important;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: @black-color !important;
} 
.ant-popover-inner{
  background-color: @black-color;
}
.red{
  color: #E95463;
}


.bdbgreen {
  border-bottom: 1px solid #52db72;
}
.bdbred {
  border-bottom: 1px solid #ff6064;
}

.ant-modal-confirm-body .ant-modal-confirm-content{
  color: @black-color;
}
.ant-modal-confirm-btns .ant-btn{
  color: @black-color;
}
.ant-layout{
  background-color: rgb(24, 26, 32) !important;
}